<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>danceWeui框架</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="../../css/weui.min.css">
	<link rel="stylesheet" href="../../css/danceWeui.css">
	<link rel="stylesheet" href="../../../iconfont/iconfont.css">
</head>
<body class="page__bg">

<div class="daui-navbar bg-gradual-blue">
	<div class="daui-navbar__hd">
		<a href="javascript:history.back(-1)"><i class="iconfontzz icon-fanhuijiantou"></i>返回</a>
	</div>
	<div class="daui-navbar__bd">消息提示</div>
	<div class="daui-navbar__hd">
		<a href="../index.html"><i class="iconfontzz icon-home"></i></a>
	</div>
</div>

<div class="daui-headline daui-headline_left">
	<div class="daui-headline__text-area">
		<h2 class="daui-headline__title">消息提示 Toast</h2>
		<p class="daui-headline__desc">消息提示</p>
	</div>
</div>

<div class="daui-cells__title">基础功能</div>
<div class="padding">
	<a href="javascript:;" id="show-toast-1" class="weui-btn daui-btn_plain-primary">操作成功</a>
	<a href="javascript:;" id="show-toast-2" class="weui-btn daui-btn_plain-primary">操作失败</a>
	<a href="javascript:;" id="show-toast-3" class="weui-btn daui-btn_plain-primary">提示信息</a>
	<a href="javascript:;" id="show-toast-4" class="weui-btn daui-btn_plain-primary">提示信息，无icon</a>
	<a href="javascript:;" id="show-toast-5" class="weui-btn daui-btn_plain-primary">操作成功，多行文本</a>
</div>

<div class="daui-cells__title">高级信息展示</div>
<div class="padding">
	<a href="javascript:;" id="show-toast-infomation-1" class="weui-btn daui-btn_plain-primary">操作成功</a>
</div>

<div class="daui-cells__title">更多风格请下载我们为layer定制的风格。</div>

<div class="daui-gap daui-gap_transparent"></div>
<div class="daui-footer">
	<div class="daui-footer__links">
		<a class="daui-footer__links-item" href="../index.html">DanceWeUI首页</a>
		<a class="daui-footer__links-item" href="https://gitee.com/lianlianzan/danceui" target="_blank">去码云下载</a>
	</div>
	<div class="daui-footer__text">Copyright &copy; DanceUI</div>
</div>

<script src="../../js/jquery.min.js"></script>
<script src="http://www.danceui.com/static/plugins/layer/layer.js"></script>
<script src="../../js/danceui.js"></script>

<script>
layer.config({
	extend: 'kswind/style.css',
});
$("#show-toast-1").on("click", function() {
	layer.msg('操作成功', {'icon': 1}, function() {
		console.log('close');
	});
})
$("#show-toast-2").on("click", function() {
	layer.alert('操作失败', {skin: 'layer-ext-black', icon: 2});
})
$("#show-toast-3").on("click", function() {
	layer.msg('提示信息', {icon: 3}, function() {
		console.log('close');
	});
})
$("#show-toast-4").on("click", function() {
	layer.msg('提示信息', {icon: 2}, function() {
		console.log('close');
	});
})
$("#show-toast-5").on("click", function() {
	layer.msg('提示信息', {icon: 2}, function() {
		console.log('close');
	});
});
$("#show-toast-6").on("click", function() {
	layer.msg('提示信息', {icon: 2}, function() {
		console.log('close');
	});
});
$("#show-toast-infomation-1").on("click", function() {
	layer.open({
		type: 1,
		title: false, //不显示标题栏
		closeBtn: true,
		area: ['300px', '310px'],
		shade: 0.4,
		skin: 'layer-ext-infomation',
		resize: false,
		moveType: 1, //拖拽模式，0或者1
		content: '<div class="infomation-content">提示信息</div>',
		success: function(layero){
		},
		cancel: function(index, layero){
		}
	});
});
</script>
</body>
</html>
